.news-list {
  position: absolute;
  left: 0;
  width: 100%;
  background-color: #fff;

  .news-item {
    padding: .1rem;

    img {
      height: 100%;
      opacity: 0;
      transition: opacity .5s;
    }

    .info {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: .25rem;
      color: #999;
      border-bottom: .01 solid #ededed;
      font-size: .12rem;

      .author {
        margin-right: .1rem;
      }
    }

    .title {
      padding: .05rem 0;
      line-height: .2rem;

      h1 {
        font-size: .16rem;
      }
    }

    &.type-1 {
      .main {
        display: flex;
        flex-direction: row;

        .pic {
          flex: 1;
          background-color: #eee;
          box-sizing: border-box;
        }

        .title {
          flex: 2;
          padding-right: .1rem;
          box-sizing: border-box;
        }
      }
    }

    &.type-2,
    &.type-3 {
      .pic {
        display: flex;
        flex-direction: row;
        justify-content: space-between;

        .img {
          width: 33.33%;
          flex: 1 1 auto;
          margin-right: .05rem;
          background-color: #eee;
          font-size: 0;

          &.last {
            margin: 0;
          }
        }
      }
    }
  }
}